<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>BFC</title>
        <style type="text/css">
            .first {
                width: 80vw;
                border: 1px solid blue;
                border-collapse: collapse;
                margin: auto;
            }

            table.first tr.tab-head {
                background: #c6d5ff;
            }

            .first tr:nth-child(2n) {
                background: #dfdfdf;
            }

            .first tr:nth-child(2n+1) {
                background: #fcffe8;
            }

            .first th ,
            .first td{
                height: 50px;
            }
        </style>
    </head>

    <body>
        <table class="first">
            <thead>
                <tr class="tab-head">
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div>hello</div>
                        <div>world</div>
                        <div>你好</div>
                        <div>师姐</div>
                    </td>
                    <td>
                        <div>hello</div>
                        <div>world</div>
                    </td>
                    <td>
                        <div>hello</div>
                        <div>你好</div>
                        <div>师姐</div>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    </body>
</html>